// pages/qiXi/qiXi.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    qixilist: [{
        "title": '王者荣耀',
        'img': '../images/king.jpg'
      },
      {
        'title': '房地产',
        'img': '../images/realty.jpg'
      },
      {
        "title": '包包',
        'img': '../images/handbag.jpg'
      },
      {
        'title': '戒指',
        'img': '../images/fingerRing.jpg'
      },
      {
        "title": '零食',
        'img': '../images/snacks.jpg'
      },
      {
        'title': '口红',
        'img': '../images/lipstick.jpg'
      },
      {
        "title": '电影APP',
        'img': '../images/movie.jpg'
      },
      {
        'title': '信用卡',
        'img': '../images/credit.jpg'
      },
      {
        "title": '玫瑰花',
        'img': '../images/rose.jpg'
      },
      {
        'title': '旅游App',
        'img': '../images/travel.jpg'
      },
      {
        "title": '面膜',
        'img': '../images/mask.jpg'
      },
      {
        'title': '相机',
        'img': '../images/camera.jpg'
      },
      {
        "title": '高跟鞋',
        'img': '../images/shoes.jpg'
      },
      {
        'title': '外卖App',
        'img': '../images/takeOut.jpg'
      },
      {
        "title": '杜蕾斯',
        'img': '../images/Durex.jpg'
      }
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    let res = wx.getSystemInfoSync();
    let wid = res.windowWidth * 0.9
    let hei = res.windowHeight
    let titlehei = 25
    let imghei = 25
    let context = wx.createCanvasContext('secondCanvas')
    context.setFontSize(18)
    context.fillText('七夕来了，再一次虐虐单身狗......', 35, 20)
    context.setFontSize(14)
    context.fillStyle = "red"
    for (let val of this.data.qixilist) {
      if (val.title != '王者荣耀') {
        titlehei += 25
        imghei += 170
      }
      context.fillText("❤" + val.title + "❤", wid / 2 - 30, titlehei + imghei - 7)
      context.drawImage(val.img, 0, titlehei + imghei, wid, 170)
    }
    context.fillRect(0, 0, wid, titlehei + imghei + 300)
    context.draw()
    this.setData({
      canvasHeight: titlehei + imghei + 300
    })
  },

  setImg() {
    var that = this;
    wx.canvasToTempFilePath({
      canvasId: 'secondCanvas',
      fileType: 'jpg',
      success: function(res) {
        console.log(res) // 返回图片路径
        wx.showLoading({
          title: '保存中...',
          mask: true
        });
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: function(res) {
            wx.showToast({
              title: '保存成功',
              icon: 'success',
              duration: 2000
            })
          },
          fail: function(res) {
            wx.hideLoading()
            console.log(res)
          }
        })
      }
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function(res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '虐的就是你单身狗，服不服......',
      path: '/pages/home/home'
    }
  }
})